<template>
    <div class="footer">
    	<router-link to="/Conference">
    		<i class="fa fa-vcard-o fa-2x"></i>
    		<span>会议</span>
    	</router-link>
    	<router-link to="/Message">
    		<i class="fa fa-bell fa-2x"></i>
    		<span>消息</span>
    	</router-link>
    	<router-link to="/Mine">
    		<i class="fa fa-user fa-2x"></i>
    		<span>我的</span>
    	</router-link>
    </div>
</template>

<script>
	export default {
       
	}
</script>

<style scoped lang="less">
	.footer{
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
		height: 60px;
		display: flex;
		border-top: 0.5px splid #999;
		a{
			display: flex;
			flex-direction: column;
			flex: 1;  /*平均分配*/
			justify-content: center;/*上下居中*/
			align-items: center; /*左右居中*/
			color: #ccc;
			font-size: 0.24rem;
			background: #f6f8f8;
		}
		.active{color: #ff6100;}
	}
</style>